<template>
  <div class="adminTask">
    <el-form :inline="true" class="demo-form-inline">
      <el-form-item>
        <el-select placeholder="请选择" size="mini" style="width: 90px" v-model="searchList.search">
          <el-option :key="index" :label="item.label" :value="item.value" v-for="(item,index) in searchs">
          </el-option>
        </el-select>
      </el-form-item>
      <el-form-item>
        <el-input placeholder="请输入内容" size="mini" v-model="searchList.searchValue">
        </el-input>
      </el-form-item>
      <el-form-item>
        <el-button @click="" size="mini">
          搜索
        </el-button>
      </el-form-item>
      <el-form-item>
        <el-button @click="dialogTask1 = true;addTaskType='0';istrue =true" size="mini" type="primary">
          发布活动
        </el-button>
      </el-form-item>
      <el-form-item>
        <el-input placeholder="请输入多多号" size="mini" v-model="wangwang">
        </el-input>
      </el-form-item>
      <el-form-item>
        <el-button @click="" size="mini">
          查询
        </el-button>
      </el-form-item>
    </el-form>
    <el-table :data="tableData"
              @selection-change="handleSelectionChange"
              border
              :header-cell-style="{background:'#ebebeb',color:'black'}"
              style="width: 100%;">
      <el-table-column type="selection">
      </el-table-column>
      <el-table-column label="序号" prop="id">
      </el-table-column>
      <el-table-column label="宝贝ID" prop="babyid">
      </el-table-column>
      <el-table-column label="商品名称" prop="goodsname">
      </el-table-column>
      <el-table-column label="已完成" prop="overtk"></el-table-column>
      <el-table-column label="进行中" prop="conducttk"></el-table-column>
      <el-table-column label="剩余">
        <template slot-scope="scope">
          {{scope.row.issuedtk - scope.row.overtk - scope.row.conducttk}}
        </template>
      </el-table-column>
      <el-table-column :filter-multiple="filterStatus.task"
                       :filters="[{ text: '正常', value: '0' }, { text: '暂停', value: '1' }]" column-key="filterTask"
                       filter-placement="bottom-end" label="任务状态" prop="taskstatus" width="100">
        <template slot-scope="scope">
          <div v-if="scope.row.taskstatus === 1">
            <el-button @click="switchTaskStatus(1,scope.row)" type="text">正常</el-button>
          </div>
          <div v-if="scope.row.taskstatus === 2">
            <el-button @click="switchTaskStatus(2,scope.row)" style="color: red" type="text">暂停</el-button>
          </div>
          <div v-if="scope.row.taskstatus === 3">
            <el-button style="color: red" type="text">已结清</el-button>
          </div>
        </template>
      </el-table-column>
      <el-table-column label="本金" prop="price">
      </el-table-column>
      <el-table-column label="佣金" prop="TotalCommission">
      </el-table-column>
      <el-table-column label="任务时间" prop="create_time">
      </el-table-column>
      <el-table-column label="操作" fixed="right">
        <template slot-scope="scope">
          <el-button @click="checking(scope.row)" size="mini">
            查看
          </el-button>
        </template>
      </el-table-column>
    </el-table>
    <el-pagination :current-page="searchList.pn" :page-size="20" :total="searchList.total"
                   @current-change="pnChange" layout="prev, pager, next">
    </el-pagination>
    <!--发布任务-->
    <el-dialog title="发布活动" :visible.sync="dialogTask1" show-close width="90%" :close-on-click-modal="false">
      <el-tabs v-model="activeName" type="card" style="width:100%;">
        <div style="width:100%;">
          <el-form ref="ruleFormPld" label-width="100px">
            <div class="lldstyle" style="display:flex;">
              <div style="margin-top:15px;">
                <el-form-item label="宝贝ID" prop="babyid" size="mini" label-width="120px">
                  <el-input placeholder="请输入商品宝贝ID" v-model="taskInfoListM.baby_id" style="width: 120px;"></el-input>
                  <el-button style="margin-left:10px;" @click="details" :loading="loadgoods" size="mini"
                             type="danger">获取商品详情
                  </el-button>
                </el-form-item>
                <el-form-item label="商品名称" prop="shoptitle" size="mini" label-width="120px">
                  <el-input v-model="taskInfoListM.goodsname" style="width: 260px;" placeholder="请输入商品名称"></el-input>
                </el-form-item>
                <el-form-item label="店铺名称" size="mini" label-width="120px">
                  <el-select v-model="taskInfoListM.shop_name" placeholder="请选择" @change="ordertype">
                    <el-option v-for="(item,index) in shop_group" :key="index" :label="item.shopname"
                               :value="item.shopname">
                    </el-option>
                  </el-select>
                </el-form-item>
                <el-form-item label="商品图片：" prop="img" size="mini" label-width="120px" v-if="taskInfoListM.img!=''">
                  <img :src="taskInfoListM.img" style="width: 100px;height:100px;"/>
                </el-form-item>
                <el-form-item label="商品价格：" prop="goodsprice" size="mini" label-width="120px">
                  <el-input v-model="taskInfoListM.price" type="text" style="width: 260px;"
                            placeholder="请输入商品价格"></el-input>
                </el-form-item>
                <el-form-item label="下单类型" prop="group" size="mini" label-width="120px">
                  <el-select v-model="taskInfoListM.order_form" placeholder="请选择" @change="ordertype">
                    <el-option v-for="item in order_group" :key="item.value" :label="item.label"
                               :value="item.value"></el-option>
                  </el-select>
                </el-form-item>
                <el-form-item label="拼团人数" prop="group" size="mini" label-width="120px" v-show="ordertypes == 5">
                  <div style="display:flex;">
                    <el-input v-model="taskInfoListM.compare" placeholder="请输入拼团人数"></el-input>
                    <el-popover
                      placement="top-start"
                      width="200"
                      trigger="hover"
                      content="例如：保留当前商品拼团数量，少于拼团人数，则开团，多于拼团人数，则参团">
                      <el-button slot="reference">规则</el-button>
                    </el-popover>
                  </div>
                </el-form-item>
                <el-form-item label="购买方式" size="mini" prop="money" label-width="125px">
                  <el-select v-model="taskInfoListM.browse" placeholder="请选择" @change="getbuyway">
                    <el-option v-for="item in buy_group" :key="item.value" :label="item.label"
                               :value="item.value"></el-option>
                  </el-select>
                </el-form-item>
                <div style="width:80%;margin-left:20%;height:100px;border:2px solid red;display:flex;justify-content:center;align-items: center;flex-direction: column;" v-show="getbuyways == 1">
                  <el-form-item label="关键词：" size="mini" prop="keyword" label-width="120px" style="margin-bottom:0;">
                    <el-input type="text" v-model="taskInfoListM.key_world" placeholder="请输入店铺名称"></el-input>
                  </el-form-item>
                </div>
                <div style="width:60%;margin-left:20%;height:50px;border:2px solid red;display:flex;justify-content:center;align-items: center;" v-show="getbuyways == 2">
                  <el-form-item label="下单二维码" size="mini" prop="money" label-width="125px" style="margin-bottom:0;margin-top:2px;">
                    <el-upload
                      class="upload-demo"
                      action="/api/va/evaluate/evaluate_img"
                      :on-success="handleSuccess"
                      :headers="importHeaders"
                      multiple>
                      <el-button size="small" type="primary">点击上传</el-button>
                    </el-upload>
                  </el-form-item>
                </div>
                <el-form-item label="任务时间设置" prop="acttime" size="mini" label-width="120px">
                  <el-date-picker
                    v-model="taskInfoListM.begin_time"
                    type="date"
                    size="small"
                    placeholder="选择日期"
                    style="width: 260px;"
                    format="yyyy 年 MM 月 dd 日"
                    value-format="timestamp">
                  </el-date-picker>
                </el-form-item>
                <el-form-item label="任务提示" prop="shoptips" size="mini" label-width="120px">
                  <el-input v-model="taskInfoListM.fillter" type="textarea" placeholder="给刷手的提示，比如:需要购买黄色女装 若干件等等"
                            style="width: 260px;"></el-input>
                </el-form-item>
                <el-form-item label="分组：" prop="group" size="mini" label-width="120px">
                  <el-select v-model="taskInfoListM.group" placeholder="请选择">
                    <el-option v-for="item in groups" :key="item.value" :label="item.label"
                               :value="item.value"></el-option>
                  </el-select>
                </el-form-item>
              </div>
              <div class="pluses"
                   style="margin-left:10%;text-align:left;display:flex;flex-direction:column;justify-content: flex-start">
                <p v-for="item in plusesList" :key="item.text">
                  <el-button size="small" type="primary" style="margin-right:20px;">{{item.title}}</el-button>
                  <el-radio-group v-model="item.radio">
                    <el-radio :label="list.idx" v-for="list in item.list" @change="radio_things(item)">
                      {{list.name}}
                    </el-radio>
                  </el-radio-group>
                  <span style="color:#bbb;margin-left:20px;">（{{item.text}}
                      <span style="color:red;font-weight:600;">此项价格为{{item.MoneyS}}元</span>）
                    </span>
                </p>
              </div>
            </div>
            <div class="dialog-footer">
              <el-form style="margin-left: 50px">
                <el-form-item class="task_total" style="">
                  任务总数：<span>{{getTaskNum()}}</span>
                  预计本金：<span>{{(getTaskMoney())}}</span>
                  预计佣金：<span>{{(getTaskMoney2())}}</span>
                  预计总金额：<span>{{getyjcMoney()}}</span>
                </el-form-item>
              </el-form>
              <el-form>
                <div class="blcok" v-for="g in tasknum" :key="g.id">
                  <el-form-item>
                    <span>总原价单数：</span>
                    <el-input size="mini" style="width: 52px;" :value="sum(nums[(g-1)].yj.toNum)"
                              disabled>
                    </el-input>
                    <span>总单数：</span>
                    <el-input size="mini" style="width: 52px;"
                              :value="sum(nums[(g-1)].yj.toNum)"
                              disabled>
                    </el-input>
                  </el-form-item>
                  <el-form-item>
                    <span>放单时间：</span>
                    <span style="display:inline-block;width:52px;margin-right:5px;" v-for="i in 23"
                          v-if="i <=1 || i >= 8" class="Puttingtime">
                    <template v-if="i <=1 || i>= 8 "> {{i-1}}点</template>
                  </span>
                  </el-form-item>
                  <el-form-item>
                    <span>原价单数：</span>
                    <el-input size="mini" style="width: 52px;margin-right:5px;"
                              v-for="i in 17" :key="i"
                              oninput="value=value.replace(/[^\d]/g,'')"
                              v-model="nums[(g-1)].yj.toNum[i-1]">
                    </el-input>
                  </el-form-item>
                </div>
              </el-form>
            </div>
            <el-form-item style="text-align:center;" v-if="istrue">
              <el-button type="danger" @click="waitPayJ()" style="width:260px;">等待支付
              </el-button>
            </el-form-item>
          </el-form>
        </div>
      </el-tabs>
    </el-dialog>
  </div>
</template>

<script>
  import {
    taskcost,
    dy_task,
    taskdate,
    shoplist,
    tasklist,
    updatetasklist,
    usergetpriceinfo,
    craw_pdd, userinfo,
  } from '../../api/api'
  export default {
    data() {
      return {
        userInfo:{},
        Listplus: 0,
        MoneyS: {},
        activeName: 'fourth',
        filterStatus: {
          user: false,
          task: false
        },
        shop_group:[],
        plusesList: [
          {
            title: '性别筛选',
            radio: '1',
            list: [
              {name: '不筛选', idx: 1},
              {name: '男', idx: 2},
              {name: '女', idx: 3},
            ],
            MoneyS:0,
            text: '需要筛选购买宝贝的性别吗？'
          },
          {
            title: '年龄筛选',
            radio: 0,
            MoneyS:0,
            list: [
              {name: '不筛选', idx: 0},
              {name: '0～25', idx: 1},
              {name: '26～100', idx: 2},
              // {name: '36～100', idx: 3},
            ],
            text: '需要筛选买家的年龄吗？'
          },
          {
            title: '是否评价',
            radio: 1,
            MoneyS:2,
            list: [
              {name: '不评价', idx: 0},
              {name: '评价', idx: 1},
            ],
            text: '需要评价吗？'
          },
        ],
        taskInfoListM: {
          compare: 0,//货比
          actor: 1,//假聊
          browse: "",//购买方式
          shop_cart: 1,//购物车
          favorites: 1,//收藏
          generation: "",//年龄划分
          group: "c",//分组
          withprice: "", //拼团价格
          repeat: '',//性别
          goodsname: "",//商品名称
          img: "",//商品图片
          money2: 0,
          order_form:"",//下单方式
          qrcode: [],//下单二维码
          begin_time: "",//任务设置时间
          fillter: "",//任务提示
          shop_name: "",//店铺名称
          key_world: "",//关键词
          price: "",//商品价格
          baby_id: "", //宝贝ID
          addCommentsNum: 0,
          task_num:[],
           //大JSON
        },
        nums: [
          {
            yj: {
              toNum: [],
            },
          },
        ],
        loading: true,
        groups: [
          {
            label: "A组",
            value: "a"
          },
          {
            label: "B组",
            value: "b"
          },
          {
            label: "C组",
            value: "c"
          },
          {
            label: "d组",
            value: "d"
          },
          {
            label: "e组",
            value: "e"
          },
          {
            label: "f组",
            value: "f"
          },
          {
            label: "ee组",
            value: "ee"
          }
        ],
        xswl: "",
        dialogTask2: false,
        wangwang: "",
        order_group: [
          {
            value: 1,
            label: "有团开团，无团再开"
          },
          {
            value: 2,
            label: "开团"
          },
          {
            value: 3,
            label: "参团"
          },
          {
            value: 4,
            label: "单买"
          },
          {
            value: 5,
            label: "保留几人团"
          },
        ],
        dialogTask1: false,
        addTaskType: "",
        tableData: [],
        searchs: [
          {
            value: "user",
            label: "查询所有"
          },
          {
            value: "shop",
            label: "店铺名"
          },
          {
            value: "babyId",
            label: "宝贝ID"
          }
        ],
        istrue:false,
        searchList: {
          searchValue: "",
          search:'user',
          pn: 1,
          total: 0
        },
        buy_group: [
          {
            value: 1,
            label: "搜索"
          },
          {
            value: 2,
            label: "扫码"
          },
        ],
        ordertypes:"",
        multipleSelection: [],
        commission: [],
        loadgoods: false,
        counting: 0,//判断时间是否合法 计数
        //携带token
        importHeaders: {token: sessionStorage.getItem('DK_token')},
        tasknum: 1,
        arrlist: [],
        MoneySH: "",//货比三家
        MoneySP: "",//拍前聊天
        MoneySL: "",//浏览评价
        MoneySJ: "",//加购物车
        MoneySS: "",//收藏宝贝
        MoneySN: "",//年龄筛选
        getbuyways: null,
        justlook: true,
        TaskNum:"",
        TaskMoney:"",
        TaskMoney2:"",
      };
    },
    methods: {
      ordertype(val){
        console.log(val);
        // if(val == 5){
              this.ordertypes = val
           // }
      },
      getShopList() {
        let _this = this;
        shoplist().then(res => {
          _this.shop_group = res.Data
        })
      },
      //查看活动
      checking(row) {
        let _this = this
        _this.dialogTask1 = true
        _this.istrue = false
        let params = {
          pay_id: row.pay_task_id
        }
        taskdate(params).then(res => {
          if (res.Status == 200) {
            let temp
            if (res.Data.template !== undefined) {
              temp = JSON.parse(res.Data.template)
            } else {
              temp = JSON.parse(res.Data)
            }
            console.log(JSON.parse(res.Data.template));
            _this.plusesList[0].radio = Number(JSON.parse(res.Data.template).repeat)
            _this.plusesList[1].radio = JSON.parse(res.Data.template).generation
            _this.taskInfoListM = temp
            _this.taskInfoListM.task_num.forEach((item, idx) => {
              _this.nums[0].yj.toNum[idx] = item
            })
          } else {
            _this.$message.error(res.Message)
          }
        })
      },
      switchTaskStatus(a, b) {
        let title;
        let _this = this;
        a === 1
          ? (title = "确认任务 " + b.id + " 状态更新为暂停?")
          : (title = "确认任务 " + b.id + " 状态更新为正常?");
        _this
          .$confirm(title, "提示", {
            confirmButtonText: "确定",
            cancelButtonText: "取消",
            type: "warning"
          })
          .then(() => {
            let params = {
              id: b.pay_task_id,
              status: a
            }
            updatetasklist(params).then(res => {
              if (res.Status == 200) {
                _this.$message({
                  type: 'success',
                  message: res.Message
                });
                _this.getTaskList()
              } else {
                _this.$message({
                  type: 'info',
                  message: res.Message
                });
              }
            })
          })
          .catch(() => {
            this.$message({
              type: "info",
              message: "已取消"
            });
          });
      },
      userinfos() {
        userinfo().then(res => {
          this.userInfo = res.Data
          this.$store.commit('money',this.userInfo.Money)
          console.log(this.userInfo,'userInfo');
        })
      },
      getTaskNum() {
        let _this = this;
        console.log(_this.sum(_this.nums[0].yj.toNum),'toNum');
        return (_this.TaskNum =
          // Number(_this.taskInfoListM.addCommentsNum) +
          _this.sum(_this.nums[0].yj.toNum))
      },
      getTaskMoney() {
        let _this = this;
        console.log(_this.taskInfoListM.money2);
        _this.TaskMoney =
          _this.sum(_this.nums[0].yj.toNum)*_this.taskInfoListM.price
        if (isNaN(_this.TaskMoney)) {
          _this.TaskMoney = 0;
        }
        console.log(_this.TaskMoney);
        return _this.TaskMoney.toFixed(2)
      },
      getTaskMoney2() {
        let _this = this;
        _this.TaskMoney2 =
          _this.sum(_this.nums[0].yj.toNum) *
          _this.getMoney(_this.taskInfoListM.price)
        return _this.TaskMoney2.toFixed(2)
      },
      getMoney(a) {
        let _this = this;
        let money = 0;
        switch (true) {
          case a < 50:
            money = _this.commission[0];
            break;
          case a <= 100:
            money = _this.commission[1];
            break;
          case a <= 150:
            money = _this.commission[2];
            break;
          case a <= 250:
            money = _this.commission[3];
            break;
          case a <= 350:
            money = _this.commission[4];
            break;
          case a <= 450:
            money = _this.commission[5];
            break;
          case a <= 500:
            money = _this.commission[6];
            break;
          case a <= 800:
            money = _this.commission[7];
            break;
          case a <= 1000:
            money = _this.commission[8];
            break;
          default:
            money = 9999999;
            break;
        }
        return money;
      },
      //预计总金额
      getyjcMoney() {
        let _this = this;
        let money2 = _this.getTaskMoney2()
        let money = _this.getTaskMoney()
        let res_money = Number(money) + Number(money2)
          // + _this.taskInfoListM.addCommentsNum * 5
        return res_money.toFixed(2)
      },
      getbuyway(val) {
        this.getbuyways = val
      },
      pnChange(val) {
        this.searchList.pn = val
        this.getTaskList()
      },
      handleSuccess(res) {
        console.log(res);
        this.taskInfoListM.qrcode.push(res.UrlImg)
      },
      handleSelectionChange(val) {
        this.multipleSelection = val;
      },
      //选择SKU例如(货币，加购，假聊之类的)
      radio_things(val) {
        if (val.title == "年龄筛选") {
          if (val.radio != 0) {
            this.MoneySN = val.MoneyS
          } else {
            this.MoneySN = 0
          }
        }
        //this.MoneySH + this.MoneySP + this.MoneySL + this.MoneySJ + this.MoneySS +
        this.Listplus = this.MoneySN
        console.log(this.Listplus);
      },
      getCommission() {
        let _this = this;
        usergetpriceinfo().then(res => {
          _this.commission = res.Data.info
          console.log(_this.commission,'区间价');
          _this.xswl = res.Data.xswl
          _this.money = res.Data.money
          _this.getTaskList();
        })
      },
      getTaskList() {
        let _this = this
        var searchListParams = {
          Tfcondition: _this.searchList.search,
          Wherecondition: _this.searchList.searchValue,
          Page: _this.searchList.pn,
        }
        tasklist(searchListParams).then(res => {
          let temp = res.Data
          let ipos
          temp.forEach(item => {
            ipos = item.create_time.indexOf("+")
            item.create_time = item.create_time.replace(/T/g, " ").substring(0, ipos)
          })
          _this.tableData = temp.map((item) => {
            if (Number(item.price) < 50 && Number(item.price) >= 0) {
              _this.$set(item, 'TotalCommission', _this.commission[0] * item.issuedtk)
            } else if (Number(item.price) < 100 && Number(item.price) >= 50) {
              _this.$set(item, 'TotalCommission', _this.commission[1] * item.issuedtk)
            } else if (Number(item.price) < 150 && Number(item.price) >= 100) {
              _this.$set(item, 'TotalCommission', _this.commission[2] * item.issuedtk)
            } else if (Number(item.price) < 250 && Number(item.price) >= 150) {
              _this.$set(item, 'TotalCommission', _this.commission[3] * item.issuedtk)
            } else if (Number(item.price) < 350 && Number(item.price) >= 250) {
              _this.$set(item, 'TotalCommission', _this.commission[4] * item.issuedtk)
            } else if (Number(item.price) < 450 && Number(item.price) >= 350) {
              _this.$set(item, 'TotalCommission', _this.commission[5] * item.issuedtk)
            } else if (Number(item.price) < 500 && Number(item.price) >= 450) {
              _this.$set(item, 'TotalCommission', _this.commission[6] * item.issuedtk)
            } else if (Number(item.price) < 800 && Number(item.price) >= 500) {
              _this.$set(item, 'TotalCommission', _this.commission[7] * item.issuedtk)
            } else if (Number(item.price) <= 1000 && Number(item.price) >= 800) {
              _this.$set(item, 'TotalCommission', _this.commission[8] * item.issuedtk)
            }
            return item
          })
          console.log(_this.tableData);
          _this.searchList.total = res.Count
          _this.loading = false
        })
      },
      waitPayJ() {
        let that = this
        if (that.taskInfoListM.goodsprice == '' || that.taskInfoListM.goodsprice == '0') {
          return that.$message.error('请输入价格')
        }
        if (that.TaskMoney * 1 + that.TaskMoney2 * 1 == 0) {
          that.$message({
            type: "error",
            message: "支付金额不能为0"
          });
          return;
        }
        let lastMoney = 0;
        lastMoney =
          that.TaskMoney * 1 +
          that.TaskMoney2 * 1 +
          that.taskInfoListM.addCommentsNum * 5;
        lastMoney = lastMoney + that.Listplus
        console.log(lastMoney);
        if (lastMoney > 0) {
          console.log(lastMoney);
          that.$confirm("您提交的任务数为" + that.TaskNum + "，本次将花费" + lastMoney + "元，请核对无误后再提交", '提示', {
            confirmButtonText: '确定',
            cancelButtonText: '取消',
            type: 'warning'
          }).then(() => {
            that.taskInfoListM.repeat = that.plusesList[0].radio
            that.taskInfoListM.generation = that.plusesList[1].radio
            that.taskInfoListM.actor = that.plusesList[2].radio
            that.taskInfoListM.price = Number(that.taskInfoListM.price)
            that.taskInfoListM.qrcode =  JSON.stringify(that.taskInfoListM.qrcode)
            that.taskInfoListM.task_num = that.nums[0].yj.toNum.map((item)=>{
              item = Number(item)
              return item
            })
            var releasetaskv2Params = {
              Data: JSON.stringify(that.taskInfoListM),
              // Type: _this.addTaskType
            }
            taskcost(releasetaskv2Params).then(res => {
              if (res.Status == 200) {
                that.$message({
                  type: '发布成功',
                  message: res.Message
                });
                dy_task(releasetaskv2Params).then(res => {
                  if (res.Status == 200) {
                    that.dialogTask1 = false
                    that.getTaskList()
                    that.userinfos()
                  }
                })
              } else {
                that.$message({
                  type: 'error',
                  message: res.Message
                });
              }
            })
          })
        } else {
          that.$message({
            type: 'error',
            message: '请正确填写放单数量!'
          });
        }
      },
      //获取商品详情
      details() {
        let _this = this;
        _this.loads = true
        let params = {
          id: this.taskInfoListM.baby_id
        }
        craw_pdd(params)
          .then(function (response) {
            console.log(response);
            _this.loads = false
            _this.taskInfoListM.goodsname = response.Data.title
            _this.taskInfoListM.img = response.Data.amp_img
          });
      },
    },
    mounted() {
      this.getCommission()
      this.userinfos()
      this.getShopList()
    },
  };
</script>
<style>

</style>
<style lang="scss">
  .adminTask {
    .partones {
      float: left;
      display: flex;
      flex-direction: column;
      text-align: center;
      width: 120px;
      margin-right: 30px;

      span {
        background: #F56C6C;
        line-height: 26px;
        color: #fff;
        border-top-right-radius: 5px;
        border-top-left-radius: 5px;
      }

      input {
        border: 1px solid #ccc;
        line-height: 65px;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        text-align: center;
      }
    }

    .paperz {
      height: 90%;
      padding: 15px;
    }

    .demo-table-expand {
      font-size: 0;
      margin-left: 49.5px;
    }

    .demo-table-expand label {
      width: 90px;
      color: #99a9bf;
    }

    .demo-table-expand .el-form-item {
      margin-right: 0;
      margin-bottom: 0;
      width: 100%;
    }

    .taskDialog {
      width: 760px;
    }

    .taskDialog1 {
      width: 1315.5px;
    }

    .taskDialog2 {
      width: 1315.5px;
    }

    .el-dialog__body {
      display: flex;
      justify-content: center;
    }

    .el-dialog__body .el-form {
      flex: 1;
    }

    .el-dialog__body .tttt .el-dialog__body {
      padding: 5px;
    }

    .tttt .el-form-item {
      margin-bottom: 6px;
    }

    .tttt .el-form-item__label {
      line-height: 23px;
    }

    .tttt .el-form-item__content {
      line-height: 23px;
    }

    .blcok {
      margin: 10px 30px;
      border: 1px solid #d8d8d8;
      padding: 10px 0 0 20px;
    }

    .blockone {
      text-align: center;
    }

    .el-radio + .el-radio {
      margin-left: 10px;
    }

    .activeDateClass {
      color: #fff;
      background-color: #409eff;
      border-color: #409eff;
    }

    .activeDateClass:hover {
      color: #fff;
      background-color: #409eff;
    }

    .el-input.is-disabled .el-input__inner {
      color: #6a6d73;
    }

    .el-dialog__body {
      padding-bottom: 0;
    }

    .el-dialog__footer {
      text-align: left;
    }

    .Puttingtime {
      display: inline-block;
      width: 52px;
      text-align: center;
    }

    .el-dialog__footer {
      padding: 0 22px 8px;
    }

    .el-form-item__content {
      line-height: 20px;
    }

    .task_total span {
      margin: 0 5px;
      color: lightcoral;
    }

    .tipsShow {
      color: #3f35f4;
    }

    .el-form-item--mini {
      display: flex;
      justify-content: flex-start;
      align-items: center;
    }

    .el-form-item__content {
      margin-left: 0 !important;
    }

    .el-table .cell {
      text-align: center;
    }

    .el-form-item__error {
      padding-top: 4px;
    }

    .formInput {
      width: 190px;
      outline: none;
      margin-left: -12px;
      border-radius: 4px;
      padding: 0 15px;
      line-height: 26px;
      border: 1px solid #dcdfe6;
      background-size: 13px 13px;
      background-repeat: no-repeat;
    }

    .formInput:focus {
      border-color: #409eff;
    }

    .formInput_error {
      border-color: #f56c6c !important;
      background: url("../../assets/form_error.png") 165px no-repeat;
      background-size: 14px 14px;
    }

    .formInput_true {
      border-color: #67c23a !important;
      background: url("../../assets/form_true.png") 165px no-repeat;
      background-size: 14px 14px;
    }

    .adminTask .el-form-item__content {
      position: relative;
    }

    .formerror_box {
      display: none;
      position: absolute;
      color: #f56c6c;
      font-size: 12px;
    }

    .backupdedleteUserDialog {
      width: 500px;
    }
  }
</style>
